.page{
	
	padding-bottom: 100rpx;
	background-color: #FFFFFF;
}
.head{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	height: 193.6rpx;
	 
	align-items: center;
	 background: url('../../../static/background.jpg'); 
	
	
	padding: 0 15px;
	.head1{
		  position: fixed;
		  top: 88rpx;
		  left: 0;
		  right: 0;
		  z-index: 999;
		   height: 88rpx;
		   display: flex;
		   align-items: center;
		   
		  
		   text{
		   		  font-size: 30rpx;
				  font-weight: bold;
		   }
		   text:first-child{z-index: 999;
		   		  margin-left: 30rpx;
				   font-size: 30rpx;
		   }
	  }
	  
}

.main{
	margin-top: 193.6rpx;
	background: linear-gradient(180deg,  #FFFFFF 0%,#f3f3f3 100%,);
	padding:0 14rpx ;
	// 菜单导航
	.menu-nav{
		
		width: 100%;
		height: 79rpx;
			.nav{
				padding:22rpx  20rpx 17rpx 20rpx;
				
				
				display: flex;
				flex-direction: column;
				flex-wrap: wrap;
				justify-content: space-between;
				height: 38rpx;
			}
			.list{
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				background-color: #FFFFFF;
				padding: 10rpx 13rpx;
				margin: 0rpx 5rpx;
				border-radius: 8rpx;
				cursor: pointer;
				box-shadow: 0rpx 0rpx 10.47rpx 0rpx rgba(0,0,0,0.16);
				height: 40rpx;
				text{
					font-size: 20rpx;
					color: #000000;
				
					
				}
			
		}
			.list.active {
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				background: linear-gradient(135deg,  #3AC29B 0%,#6EE5CC 100%,);
				color: #fff;  /* 选中项的文字颜色 */
			
				ppadding: 10rpx 13rpx;
				margin:0 5rpx ;
				 border-radius: 8rpx;
				 height: 40rpx;
				text{
					font-size: 20rpx;
					color: #fff;
					
				}
			}
	}
	.business{
		display: flex;
		align-items: center;
		margin: 0 14rpx 17.5rpx 14rpx ;
		padding: 17rpx 19rpx;
		border: 1rpx solid #f6f6f6;
		background: #ffffff;
		border-radius: 8.72rpx;
		box-shadow: 0rpx 0rpx 10.47rpx 0rpx rgba(0,0,0,0.16); 
		.businessLeft{
			margin-right: 33rpx ;
			image{
				width: 148rpx;
				height: 148rpx;
				border-radius: 10rpx;
			}
		}
		.businessRight{
			width: 80%;
			
			.top{
				
				display: flex;
				justify-content: space-between;
					.title1{
						width: 290rpx;
						height: 36.6rpx;
						line-height: 36.6rpx;
						font-size: 29.6rpx;
						font-weight: bold;
						overflow: hidden; /* 隐藏超出部分 */
						  text-overflow: ellipsis; /* 显示省略号 */
						  white-space: nowrap; /* 防止文字换行 */
					}
					.title2{
						line-height: 36.6rpx;
						color: #646464;
						font-size: 17.4rpx;
						
					}
					
				}
			
			.center{
				display: flex;
				height: 22.6rpx;
				line-height: 22.6rpx;
				margin: 30rpx 0 20rpx 0;
				.jifen{
					font-size: 19rpx;
					color: #646464;
				}
				.discount {
				  color: #ff4444;
				  background-color: #fff1f1;
				  padding: 0 4rpx;
				  border-radius: 2rpx;
				 	font-size: 14rpx;
				  margin-right: 0;
				  margin-left: 4rpx;
				}
				// .big{
					
				// 	width: 33rpx;
				// 	height: 19rpx;
				// 	font-size: 14rpx;
				// 	background: linear-gradient(146deg,  #FF6A6A 0%,#FF8E8E 100%,);
					
				// }
			}	
			.bottom{
				display: flex;
				justify-content: space-between;
				.iconfont1{
					padding: 8.7rpx;
					font-size: 17.4rpx;
					width: 263.37rpx;
					height: 41.86rpx;
					background: #ffffff;
					border: 1.74rpx solid #dfdfdf;
					border-radius: 6.98rpx;
					color: #000000;
					display: flex;
					.iconfont{
						font-size: 22rpx;
						margin-right: 6rpx;
					}
				}
				.collect{
					border: 1rpx solid #ffdf11;
					border-radius: 20.93rpx;
					.iconfont{
						
						padding: 8.7rpx;
						font-size: 17.4rpx;
						
						display: flex;
						.iconfont{
							font-size: 22rpx;
							line-height: 10rpx;
							margin-right: 6rpx;
						}
					}
					
				}
			}
			
		}
			
		}
	
	
}